/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

@import "~antd/es/style/themes/default.less";
.preview {
  cursor: pointer;
  &_modal {
    width: auto;
    max-width: 80%;
    :global {
      .ant-modal-body {
        padding: 0;
        position: relative;
        & > img {
          width: 100%;
        }
        .title {
          position: absolute;
          top: -60px;
          width: 100%;
          text-align: center;
          font-size: 20px;
          color: #fff;
        }
      }
    }
  }
}

.main {
  position: relative;
  &_next,
  &_prev {
    position: absolute;
    top: 50%;
    width: calc(30px / 44 * 27);
    height: 30px;
    margin-top: calc(0px - (30px / 2));
    z-index: 10;
    right: -30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007aff;
  }

  &_prev {
    left: -30px;
    transform: rotate(180deg);
  }

  &_next,
  &_prev {
    &::after {
      content: "next";
      font-family: swiper-icons;
      font-size: 30px;
      text-transform: none !important;
      letter-spacing: 0;
      text-transform: none;
      font-variant: initial;
      line-height: 1;
    }
  }
  &_pagination {
    position: absolute;
    bottom: -50px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #fff;
  }
}
